// 所有页面主样式
body{
  background:#fff;
}
.app-page{
  &.only{
    min-height:calc(100vh - 100px);
  }
}
.app-table-action{
  padding-bottom:20px;
  display:flex;
  justify-content:space-between;
}
.app-table-page{
  display:flex;
  justify-content:space-between;
  padding:20px 0 0;
  line-height:50px;
}
.app-card-header{
  .el-form-item{
    margin-bottom:0;
  }
  .el-divider--horizontal{
    border-top-color:#f0f0f0;
  }
}
.category-cell{
  .cell{
    text-align:center;
  }
}
//user
.app-user-info{
}
.app-user-nav{
}
.app-user-nav .nav-link{
  padding:0 15px;
}
.app-user-nav > li{
  line-height:60px;
  margin-left:10px;
  z-index:9999;
}
.app-user-nav .dropdown-menu > .dropdown-item{
  line-height:30px;
  font-size:14px;
  padding:.25rem 1.5rem;
}
.app-user-card-item{
  min-height:calc(100vh - 105px);
}
.user-photo{
  text-align:center;
}
.user-photo .slogon{
  padding-top:8px;
  color:#999;
}
.user-photo .name{
  margin-top:15px;
  font-size:24px;
  font-weight:500;
  color:#262626;
}
.user-photo .role{
  color:#bbb;
}
.user-info{
  padding-top:20px;
  padding-left:40px;
}
.user-info-list{
  > li{
    line-height:30px;
    color:#666;
    svg{
      margin-right:5px;
      vertical-align:middle;
    }
  }
}
.user-info-list li:nth-child(1) .fa{
  color:cornflowerblue;
}
.user-info-list li:nth-child(2) .fa{
  color:green;
}
.user-info-list li:nth-child(3) .fa{
  color:blue;
}
.user-info-list li:nth-child(4) .fa{
  color:orange;
}
.user-info-list li:nth-child(5) .fa{
  color:rebeccapurple;
}
.user-info-list li:nth-child(6) .fa{
  color:magenta;
}
.user-info-list li:nth-child(7) .fa{
  color:deepskyblue;
}
.app-user-form{
  width:50%;
}
.app-user-setting{
}
.app-user-setting li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 0;
  border-bottom:1px solid rgba(0, 0, 0, 0.06);
}
.app-user-setting .title{
  margin-bottom:5px;
  color:#6c6c6c;
  font-size:16px;
}
.app-user-setting .desc{
  color:#bbb;
}
.app-user-form{
  padding-top:10px;
}
.edit-status{
  position:relative;
  top:10px;
}
.edit-status .el-checkbox__label{
  vertical-align:middle;
}
.short-item{
  .el-icon{
    svg{
      position:relative;
      top:2px;
    }
  }
}
.app-tab-banner{
  max-width:60%;
}
.el-popover.el-popper{
  max-width:100%;
}
.app-banner-pre{
}
.app-blog-form-img{
  border:1px solid #e3e3e3;
  border-radius:5px;
}
.app-form-preview{
  padding-top:15px;
}
